<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>BootStrap学习</title>
		<!--引入jquery资源-->
		<script src="js/bootstrap-3.3.7-dist/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<!--引入bootstrap核心css-->
		<link rel="stylesheet" type="text/css" href="js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<!--引入bootstrap核心js-->
		<script src="js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<!--引入自定义css-->
		<link rel="stylesheet" type="text/css" href="css/myform.css" />
		<!--引入自定义js-->
		<script src="js/mybootstrap.js" type="text/javascript" charset="utf-8"></script>
		<!--引入validate校验文件-->
		<script src="js/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/additional-methods.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/messages_zh.min.js" type="text/javascript" charset="utf-8"></script>
		<!--引入日期插件-->
		<script src="js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="container-fluid">
			<div class="row">
				<!--<div class="col-md-4 col-md-offset-4">
							<p>表单注册</p>
						</div>-->
				<div class="col-md-8 col-md-offset-2" id="lbody">
					<form class="form-horizontal" id="myform">
					<fieldset>
						<legend id="bt">注册账号</legend>
						<div class="form-group">
							<label for="username" class="col-md-3 col-md-offset-1 control-label">用户名</label>
							<div class="col-md-3">
								<input type="text" name="username" id="username" class="form-control " />
							</div>
							<div class="col-md-3 " id="lv"></div>
						</div>
						<div class="form-group">
							<label for="psw" class="col-md-3 col-md-offset-1 control-label ">密码</label>
							<div class="col-md-3">
								<input type="password" name="psw" id="psw" class="form-control " />
							</div>
							<div class="col-md-3" id="lv"></div>
						</div>
						<div class="form-group">
							<label for="eemail" class="col-md-3 col-md-offset-1 control-label">邮箱</label>
							<div class="col-md-3">
								<input type="text" name="eemail" id="eemail" class="form-control " />
							</div>
							<div class="col-md-3" id="lv"></div>
						</div>
						<div class="form-group">
							<label for="telp" class="col-md-3 col-md-offset-1 control-label">电话</label>
							<div class="col-md-3">
								<input type="text" name="telp" id="telp" class="form-control " />
							</div>
							<div class="col-md-3" id="lv"></div>
						</div>
						<div class="form-group">
							<label for="birthday" class="col-md-3 col-md-offset-1 control-label">出生日期</label>
							<div class="col-md-3">
								<input type="date" name="birthday" id="birthday" class="form-control " />
							</div>
							<div class="col-md-3" id="lv"></div>
						</div>
						<div class="form-group">
							<label  class="col-md-3 col-md-offset-1 control-label">性别</label>
							<div class="row col-md-3">
								<label class="radio-inline col-md-offset-1">
  									<input type="radio" name="sex" id="sex" value="option1"> 男
								</label>
								<label class="radio-inline">
							  		<input type="radio" name="sex" id="sex" value="option2"> 女
								</label>

							</div>
							<div class="col-md-3" id="lv"></div>
						</div>
						<div class="form-group">
							<label  class="col-md-3 col-md-offset-1 control-label">兴趣爱好</label>
							<div class="row col-md-3">
								<label class="checkbox-inline col-md-offset-1">
 									<input type="checkbox" id="hob" name="hob"> 读书
								</label>
								<label class="checkbox-inline">
								  	<input type="checkbox" id="hob" name="hob"> 运动
								</label>
								<label class="checkbox-inline">
								  	<input type="checkbox" id="hob" name="hob"> 旅游
								</label>
							</div>
							<div class="col-md-3 " id="lv"></div>
						</div>
						<div class="form-group">
							<label for="avatar" class="col-md-3 col-md-offset-1 control-label ">头像</label>
							<div class="col-md-3">
								<input type="file" name="avatar" id="avatar"  />
							</div>
							<div class="col-md-3 " id="lv"></div>
						</div>
						<div class="form-group">
							<label for="textarea" class="col-md-3 col-md-offset-1 control-label">自我介绍</label>
							<div class="col-md-3 ">
								<textarea name="zwjs" rows="3" cols="25"></textarea>
							</div>
							<div class="col-md-3" id="lv"></div>
						</div>
						<div class="col-md-4 col-md-offset-4">
							<input type="submit" class="btn btn-primary" value="注册" />
							<input type="button" class="btn btn-primary" value="取消" />
						</div>
					</fieldset>
					</form>
				</div>
			</div>
		</div>

	</body>

</html>